<%@ page contentType="text/html; charset=utf-8"%>
<%
%>
<html>
<head>
<title>글 등록</title>
<meta http-equiv="Content-Type" content="text/html; charset=uft-8">

<Script Language='JavaScript'>
function checkData(f){ // f == document.frmData 객체
	
    var msg; // 에러 메세지
    var str; // 임시 문자열 저장 변수
    /* 
    alert(f.wname.value);
     정규 표현식
     /^\s*: 시작 문자가 탭, 공백, 개행인 경우
     
     |    : OR 문자는 두 정규 표현식에서의 선택을 허용
     
     \s*  : 문자가 탭, 공백, 개행인 경우 
     $/g  : 패턴을 문장의 끝에 적용
     
     \s*$/g: 문장의 끝에 있는 공백          
    */
    // alert('>>' + '  test test  '.replace(/^\s*|\s*$/g,'') + '<<'); return false;

       
    // 이름 앞뒤의 공백 제거
    // trim()함수가 없음으로 정규 표현식으로 공백 제거
    str = f.wname.value.replace(/^\s*|\s*$/g, ''); 

    // 이름의 길이를 비교
    if (str.length == 0){
        msg = '안내\n\n이름을 입력해 주십시오'; 
        window.alert(msg);
        f.name.focus();
        return false;
    }

    // 제목 앞뒤의 공백 제거
    str = f.subject.value.replace(/^\s*|\s*$/g,'');
    if (str.length == 0){
        msg = '안내\n\n제목을 입력해 주십시오'; 
        window.alert(msg);
        f.subject.focus();
        return false;
    }

    // 내용 앞뒤의 공백 제거
    str = f.content.value.replace(/^\s*|\s*$/g,'');
    if (str.length == 0){
        msg = '안내\n\n내용을 입력해 주십시오'; 
        window.alert(msg);
        f.content.focus();
        return false;
    }

    if (f.passwd.value.length < 4){
        msg = '안내\n\n비밀번호는 4자이상 입력하셔야 합니다.';    
        window.alert(msg);
        f.passwd.focus();
        return false;
    }   

    return true;
}
</Script>
</head>

<body topmargin="0" leftmargin="0">
    <!-- onSubmit() 이벤트는 서브밋 버튼을 클릭하면 호출됨 
         this : document.frmData
         submit() ▶ onSubmit() 이벤트 발생 ▶ checkData(this) 호출
         ▶ true or false return ▶ if true  ▶ submit() 진행
    -->
    <form name="frmData" 
          method="post"
          action="./createProc.do" 
          onSubmit="return checkData(this)"
          enctype="multipart/form-data"> 

	<!-- 로그인 기능 구현시 닉네임을 세션에서 받아서 넣을것 -->
	<!-- 관리자 로그인시 관리자의 닉네임을 hidden으로 보낸다. -->
    <input type="hidden" name="nic" value="TomcatMusic">   <!-- 임시 변수 로그인 완성시 삭제할것 -->     
        
  <table width="680" border="0" align="center">
      <tr> 
        <th colspan="2">글쓰기(*는 필수 입력내용입니다.)
        </th>
      </tr>
      <tr> 
        <th>제목*</th>
        <td><input type="text" name="subject" size='60' value=''></td>
      </tr>
      <tr> 
        <th>내용*</th>
        <td><textarea name="content" rows='10' cols='70'></textarea></td>
      </tr>
      <tr> 
        <th width="97">파일명*</th>
        <td><input type="file" name="filename" size="50"></td>
      </tr>
      <tr> 
        <td colspan="2">
          <div align="center"> 
            <input type="submit" name="Submit" value="글 등록하기">
            &nbsp;&nbsp; 
            <input type="Reset" name="Submit2" value="다시쓰기">
            &nbsp;&nbsp; 
            <input type="button" name="btnList" value="목록"
                   onclick="javascript:location.href='./list.do'">
          </div>
          </td>
      </tr>
  </table>
    </form>
</body>
</html>

